<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta http-equiv="Access-Control-Allow-Origin" content="localhost">

    <script src="./js-source/echarts.js"></script>
    <script src="./js-source/jquery.js"></script>

    <script src="./js-source/bmap.min.js"></script>
    <script src="./firstPage-js/jquery.easyui.min.js"></script>



    <link href="./firstPage-css/default.css" rel="stylesheet" type="text/css">
    <link href="./firstPage-css/home_min.css" rel="stylesheet" type="text/css">
    <link href="./firstPage-css/tian_min.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" type="text/css" href="./firstPage-css/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="./firstPage-css/themes/icon.css">


    <title>总览图</title>
</head>

<body>

    <script>

        $(function(){

            $("#time1", window.parent.document).datebox({ //获取所选时间
                onSelect: function (mydate) {
                    var year = mydate.getFullYear();
                    var month = mydate.getMonth() + 1;
                    var day = mydate.getDate();
                    $("#time_1", window.parent.document).val(year+"-"+month+"-"+day)
                    // m_date1 = year + "年" + month + "月" + day + "日"; //自动转为字符串

                    // console.log("父页面：m_date1:" + m_date1)
                }
            });

            $("#time2", window.parent.document).datebox({ //获取所选时间
                onSelect: function (mydate) {
                    var year = mydate.getFullYear();
                    var month = mydate.getMonth() + 1;
                    var day = mydate.getDate();
                    $("#time_2", window.parent.document).val(year+"-"+month+"-"+day)
                    // m_date2 = year + "年" + month + "月" + day + "日"; //自动转为字符串
                    // console.log("父页面：m_date2:" + m_date1)
                }
            });

            $('#nav-home').on('click', function(){
                $(window.parent.document).find('#contentIframe').attr('src', './overview.html');
            })
            $('.result_list').on('click', function(){
                var str = $(this).html();
                $('#resultText').val(str)
                $(window.parent.document).find('#contentIframe').attr('src', './selectList.html');
            })

            $('#searchBtn').on('click', function(){
                $('#resultText').val('历史查询')
                $(window.parent.document).find('#contentIframe').attr('src', './selectList.html');
            })
        })
        </script>
    <input type="hidden" id="resultText">
    <div class="all">
        <div class="header">
            <div class="banner">
            </div>
        </div>
        <!--header-->
        <div class="neck">
            <div class="nav">
                <ul class="nav-ul">
                    <li class="active"><a class="daohang" id="nav-home"></a></li>
                    <li class="usual"><a href="#" class="result_list">地震历史详情</a></li>
                    <li class="usual"><a href="#" class="result_list">山地滑坡历史详情</a></li>
                    <li class="usual"><a href="#" class="result_list">火灾历史详情</a></li>
                </ul>
            </div>
        </div>
        <!--neck-->
        <div class="main">

            <!--left-->
            <div class="content">
                <div class="left">
                    <div class="map-border">
                        <div class="map-f">
                            <iframe src="./overview.html" frameborder="0" id="contentIframe" style="width: 100%;height: 100%;"></iframe>
                        </div>
                    </div>
                </div>
            </div>

            <div class="right">
                <div class="modular">
                    <h1 class="modular-h1">全球最新灾害分布</h1>
                    <ul class="modular-ul">
                        <li><a href="http://www.ceic.ac.cn/world" target="_blank">最近一周全球地震活动分布（含USGS结果）</a></li>
                    </ul>
                </div>
                <div class="modular">
                    <h1 class="modular-h1">快捷查询</h1>
                    <ul class="modular-ul">
                        <li><a href="#" class='result_list'>最近24小时内灾害</a></li>
                        <li><a href="#" class='result_list'>最近48小时内灾害</a></li>
                        <li><a href="#" class='result_list'>最近7天内灾害</a></li>
                        <li><a href="#" class='result_list'>最近30天内灾害</a></li>
                        <li><a href="#" class='result_list'>最近一年内灾害</a></li>
                    </ul>
                </div>
                <!--modular-->
                <div class="modular">
                    <h1 class="modular-h1">历史查询</h1>
                    <div class="hq-group">
                        时间：<input type="text" id='time1' class="hq-text Wdate" type="text" onFocus="WdatePicker({lang:'zh-cn'})"
                            name="start"><input type="hidden" id="time_1"></div>
                    <div class="hq-group" style="padding-left: 13px">
                        至　<input type="text" id="time2" class="hq-text Wdate" type="text" onFocus="WdatePicker({lang:'zh-cn'})"
                            name="end"><input type="hidden" id="time_2"></div>

                    <div class="hq-group">纬度：大于 <input type="text" class="hq-text2" id="weidu1">
                        　小于 <input type="text" class="hq-text2" id="weidu2"></div>
                    <div class="hq-group">经度：大于 <input type="text" class="hq-text2" id="jingdu1">
                        　小于 <input type="text" class="hq-text2" id="jingdu2"></div>
                    <div class="hq-group">
                        <input id="searchBtn" class="check2" style="float: right;margin-right: 10px" name="sub" type="button"
                            value="查询">
                    </div>
                </div>
                <!--modular-->

                <div class="modular">
                    <h1 class="modular-h1">相关站点</h1>
                    <ul class="modular-ul">
                        <li><a href="http://www.cea.gov.cn/" target="_blank">中国地震局(CEA）</a></li>
                        <li><a href="http://earthquake.usgs.gov/regional/neic/" target="_blank">美国国家地震信息中心（NEIC）</a></li>
                        <li><a href="http://www.iris.edu/hq/" target="_blank">美国地震联合会（IRIS）</a></li>
                    </ul>
                    <p class="modular-more"><a href="http://www.ceic.ac.cn/moresites" target="_blank">更多</a></p>
                </div>
                <!--modular-->
            </div>
            <!--right-->
        </div>
        <!--content-->

    </div>
    <!--main-->

    <!--all-->



</body>

</html>